<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
<ui:composition>
<style type="text/css">
#icon{
	float: left;
	width: 75px;
	height: 70px;
	margin-right: 10px;
	margin-top: 5px;
	text-align: center;
}
</style>
	<p:layoutUnit position="west" size="260" header="Menu"
		collapsible="true">
		<h:form>
			<p:menu style="width: 95%;">
				<p:menuitem value="Home" url="/sistema/home.xhtml" />
			</p:menu>
			<p:accordionPanel>
				<p:tab title="Cadastro">
					<h:outputLink value="#{request.contextPath}/sistema/cadastro/cliente.xhtml">
						<div id="icon">
							<h:graphicImage library="images/menu" name="client.png"/>
							<h:outputText value="Cliente"/>
						</div>
					</h:outputLink>
					<h:outputLink value="#{request.contextPath}/sistema/cadastro/usuario.xhtml">
						<div id="icon">
							<h:graphicImage library="images/menu" name="user.png"/>
							<h:outputText value="Usuário" />	
						</div>
					</h:outputLink>
				</p:tab>
				<p:tab title="Relatório">
				</p:tab>
				<p:tab title="Manutenção">
					<h:outputLink value="#{request.contextPath}/sistema/manutencao/melhoria.xhtml">
						<div id="icon">
							<h:graphicImage library="images/menu" name="tool.png"/>
							<h:outputText value="Melhoria" />	
						</div>
					</h:outputLink>
				</p:tab>
			</p:accordionPanel>
			<p:menu style="width: 95%;">
				<p:menuitem value="Sair"
					url="#{facesContext.externalContext.requestContextPath}/j_spring_security_logout" />
			</p:menu>
		</h:form>
	</p:layoutUnit>
</ui:composition>
</html>